{% comment %} ---------------------------------------------------------------*\
 |  base.html                                                                |
 |                                                                           |
 |  Copyright (c) 2010-2012, Code A La Mode, original authors.               |
 |                                                                           |
 |      This file is part of Social Butterfly.                               |
 |                                                                           |
 |      Social Butterfly is free software; you can redistribute it and/or    |
 |      modify it under the terms of the GNU General Public License as       |
 |      published by the Free Software Foundation, either version 3 of the   |
 |      License, or (at your option) any later version.                      |
 |                                                                           |
 |      Social Butterfly is distributed in the hope that it will be useful,  |
 |      but WITHOUT ANY WARRANTY; without even the implied warranty of       |
 |      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        |
 |      GNU General Public License for more details.                         |
 |                                                                           |
 |      You should have received a copy of the GNU General Public License    |
 |      along with Social Butterfly.  If not, see:                           |
 |          <http://www.gnu.org/licenses/>.                                  |
\*------------------------------------------------------------ {% endcomment %}


{% if not snippet %}
    <!DOCTYPE html>


    <html lang="en">
        <head>
            <title>social butterfly - {% autoescape off %}{{ title }}{% endautoescape %}</title>
            <meta charset="utf-8" />
            <meta name="keywords" content="Social Butterfly, chat with strangers, anonymous, chat, random, strangers, Google Talk, Omegle, Chatroulette" />
            {% if description %}
                <meta name="description" content="{{ description }}" />
            {% endif %}
            <meta name="author" content="Code A La Mode" />
            {% if ajax_without_hash %}
                <meta name="fragment" content="!">
            {% endif %}
            <meta name="google-site-verification" content="1cVbzpRADlE84MS5tIjmVnOd89ni8hef1_57EFxXK48" />
            <meta name="msvalidate.01" content="A4C1B453D9C861C0A9E98C459D92DF65" />
            <link rel="stylesheet" href="/assets/style.css" />
            <link rel="shortcut icon" href="/favicon.ico">
        </head>
        <body>
            <header>
                <hgroup>
                    <h1><a href="#">Social Butterfly</a></h1>
                    <h2>{% autoescape off %}{{ title }}{% endautoescape %}</h2>
                </hgroup>
            </header>

            <article>
{% endif %}
                {% block content %}{% endblock %}
{% if not snippet %}
            </article>

            <footer>
                <nav>
                    <ul>
                        <li class="first"><a href="#">Social Butterfly</a></li>
                        <li><a href="#!stats">Stats</a></li>
                        <li><a href="#!album">Album</a></li>
                        <li><a href="#!tech">Tech</a></li>
                        <li><a href="#!raj">Raj</a></li>
                    </ul>
                </nav>
                {% if stats %}
                    <p>
                        <span class="num_users">{{ stats.num_users }}</span> users total,
                        <span class="num_active_users">{{ stats.num_active_users }}</span> available for chat,
                        <span class="num_messages">{{ stats.num_messages }}</span> messages sent today
                    </p>
                {% endif %}
            </footer>

            <script src="https://www.google.com/jsapi?key=ABQIAAAAorxaUiGpnCkpbu7iWA5PBRQXsaUn3YvBJovhrjAuC8w4Xcl3SxQgueVziXJ8NI4DTP2JABlkr6ulJQ" defer></script>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" defer></script>
            <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" defer></script>
            <script src='/_ah/channel/jsapi' defer></script>
            <script src="/assets/flipclock.js" defer></script>
            <script src="/assets/script.js" defer></script>
        </body>
    </html>
{% endif %}
